<template>
 <view>
   <view class="backImage" >
   	<image :src="imgUrl+information.title_image" mode="aspectFit" class="title_image"></image>

   </view>
   <view class="title" v-html="information.title">
   </view>
   <view class="content" v-html="information.content">
   </view>
 </view>
</template>

<script>
	import {mapState,mapActions} from 'vuex'
	import config from '@/static/config.js'
 export default {
   data () {
     return {
      imgUrl:''
     }
   },
   components: {

   },
   methods: {
    ...mapActions({
	 deatilsInfo:'OBLIGOR/DETAILS_INFO'	
	})
   },
   mounted() {
	   this.imgUrl = config.imgUrl
   },
   onLoad(options){
	  this.deatilsInfo(options.id)
   },
   watch: {

   },
   computed: {
    ...mapState({
	 information:(state)=>state.OBLIGOR.information	
	})
   }
 }
</script>

<style scoped lang='scss'>
.backImage{
width: 100%;
height: 426rpx;
position: relative;
}
.title_image{
	width: 100%;
	height: 100%;
}
.title{
	margin-top: 20rpx;
    display: flex;
	justify-items: center;
	color: #000;
	font-size: 36rpx;
	font-weight: 700;
	width: 100%;
	padding: 0px 30rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /*行数*/
}
.content{
	margin-top: 36rpx;
	padding: 0rpx 32rpx;
}
</style>
<style>
page{
    background: #FAFAFA;
}
</style>